<template>
	<view>
		<navNav :navobj="navobj"></navNav>
		<view class="actList">
			<view class="item">
				<view style="display: flex;align-items: center;">
					<image class="img" src="../../static/img/user/dianpu.png"></image>
					<view class="name">紧急联系人</view>
				</view>
				<uni-icons class="icon" type="right"></uni-icons>
			</view>
			<view class="item">
				<view  style="display: flex;align-items: center;">
					<image class="img" src="../../static/img/user/dianpu.png"></image>
					<view class="name">安全保障</view>
				</view>
				<uni-icons class="icon" type="right"></uni-icons>
			</view>
		</view>

	</view>
</template>

<script setup>
	import {reactive,ref,getCurrentInstance,onMounted} from 'vue'
	import {onLoad} from "@dcloudio/uni-app"
	const {proxy} = getCurrentInstance()
	const navobj = reactive({
				title:'安全中心',
				image:true
	})
	
	const navTo=(url)=>{
		uni.navigateTo({
			url:url
		})
	}
</script>

<style lang="scss" scoped>
	.buttonBox {
		background-color: $blue;
		color: white;
		margin: 20px 20px;
		border-radius: 50px;
		padding: 12px 0;
		text-align: center;
		font-weight: bold;
	}

	.actList {
		background-color: white;
		margin: 10px 0px;

		.item {
			padding: 15px 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid $MainBackColor;

			.img {
				width: 20px;
				height: 20px;
				margin-right: 10px;
			}

			.name {
				font-size: 15px;
			}

			.icon {
				font-weight: bold;
			}
		}
	}

	body {
		background-color: $MainBackColor;
	}
</style>